<template>
  <div class="box">
    <div class="song">
      <router-view class="view" @clickScroll="handleClick"></router-view>
      <el-backtop target=".song" ref="box"></el-backtop>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    // 点击下一页回到顶部
    handleClick() {
      // console.log(123)
      // const top = this.$refs['box']
      this.$refs['box'].$el.click()
      // console.dir(top)
    }
  }
}
</script>
<style lang="scss" scoped>
.box {
  display: flex;
  justify-content: center;
  margin-top: 44px;
}
.song {
  width: 1200px;
  height: calc(100vh - 276px);
  overflow-x: hidden;
  // background-color: pink;
}
.view {
  // overflow: hidden;
  overflow: scroll;
  // height: 400px;
  padding: 0 10px;
}
.view::-webkit-scrollbar {
  display: none;
}
</style>
